<style>
	.queryBox{
		border:4px solid #eeeeee;
	}
	.queryBox_main{
		margin:20px;
		position: relative;		
	}
	
	.queryBox_main>p>span{
		display: inline-block;
		width:190px;
		text-align: right;		
	}
	.queryBox_main>p>span:nth-of-type(4){
		text-align: left;
		padding-left:18px;
	}
	.queryBox_main>p>span:nth-of-type(3){
		padding-left:5px;
	}
	.queryBox_main>p:nth-of-type(2){
		margin-top:10px;
	}
	.queryBox_main>p>span:nth-of-type(2){
		width:250px;
	}	
	.queryBox_main>p>span:nth-of-type(2)>input{
		width:175px;
	}
	.btnBox{
		width:100px;
		height:60px;
		float:right;
		position: absolute;
		right:0;
		top:0;
	}
	button[class=query]{
		margin-top:-5px;
	}
	.orderDetail{
		border:1px solid #e9e9e9;
		margin-top:10px;
		margin-bottom: 20px;
	}
	.orderDetail_main{
		margin:1px;	
		padding-bottom: 10px;	
	}
	.orderDetail_main>table{
		width:100%;
	}
	.orderDetail_main>table th{
		background: #f8f8f8;
		height:53px;
		border-bottom: 1px solid #e4e4e4;
	}
	.orderDetail_main>table td{
		height:66px;
		border-bottom: 1px dashed #e4e4e4;
	}
	.f009ee7{
		color:#009ee7;
		cursor:pointer;
	}
	#laypage{
		margin:20px 0 0 10px;
	}
</style>
<div class="main">
	<p class="title">保险单查询</p>
	<div class="queryBox">
		<div class="queryBox_main">
			<p>
				<span>订单编号：<input type="text" ng-model="postData.channelOrderNo"/></span>
				<span>保单号：<input type="text" ng-model="postData.policyNo"/></span>
				<span>投保人：<input type="text" ng-model="postData.policyHolderUserName"/></span>
				<span>状态：<select ng-model="postData.status">
							<option value="">全部</option>
							<option value="CR">create</option>
							<option value="nUW">underwrite</option>
							<option value="nCA">cancel</option>
						  </select>
				</span>				
			</p>			
			<div class="btnBox">
				<button ng-click="query()" class="query">查询</button>
			</div>
		</div>
	</div>
	<div class="orderDetail">
		<div class="orderDetail_main">
			<table>
				<tr>
					<th>供应商</th>
					<th>订单号/保单号</th>
					<th>营销活动/产品组合</th>
					<th>保费/保额</th>
					<th>保险有效期</th>
					<th>状态</th>
					<th>航班信息</th>
					<th>投保人</th>	
					<th>被保人</th>
					<th>关系</th>				
				</tr>
				<tr ng-repeat="list in list">
					<td>{{list.supplierId}}</td>
					<td>{{list.channelOrderNo}}</br>{{list.policyNo}}</td>
					<td>{{list.campaignId}}<span ng-show="list.productPackageId">( {{list.productPackageId}} )</span></td>
					<td>{{list.premium}}<span ng-show="list.sumInsured">( {{list.sumInsured}} )</span></td>
					<td>{{list.policyBeginDate|date:"yyyy-MM-dd"}}</br>{{list.policyEndDate|date:"yyyy-MM-dd"}}</td>
					<td>{{list.status}}</td>
					<td>{{list.originCode}}-{{list.destinationCode}}</br>{{list.flightNo}}</br>{{list.flightDate|date:"yyyy-MM-dd"}}</td>
					<td>{{list.policyHolderUserName}}<span ng-show="list.policyHolderGender">( {{list.policyHolderGender|gender}} )</span>{{list.policyHolderBirthDay|date:"yyyy-MM-dd"}}</br>{{list.policyHolderCertiType|credentialType2}}</br><span ng-show="list.policyHolderCertiNo">( {{list.policyHolderCertiNo}} )</span></br><span ng-show="list.policyHolderPhone">电话 ( {{list.policyHolderPhone}} )</span></td>
					<td>{{list.insuredUserName}}<span ng-show="list.insuredGender">( {{list.insuredGender|gender}} )</span>{{list.insuredBirthDay|date:"yyyy-MM-dd"}}</br>{{list.insuredCertiType|credentialType2}}</br><span ng-show="list.insuredCertiNo">( {{list.insuredCertiNo}} )</span></br><span ng-show="list.insuredPhone">电话 ( {{list.insuredPhone}} )</span></td>
					<td>{{list.relationToPolicyHolder|relationToPolicyHolder}}</td>
				</tr>
			</table>
			<div id="laypage"></div>
		</div>
	</div>
</div>

